<template>
  <view class="container">
    <view class="bg"></view>
	<view class="content">
		<view class="userinfo flex flex-bt">
		  <image class="logo" src="@/assets/images/mine/default-user-logo.png"></image>
		</view>
	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      num: 0,
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.container {
  position: relative;
}
.bg {
  width: 750rpx;
  height: 350rpx;
  position: absolute;
  background: linear-gradient(
    180deg,
    rgba(162, 224, 250, 0.44) 0%,
    rgba(162, 224, 250, 0) 100%
  );
}
.content{
	padding: 0 30rpx;
}
.userinfo {
	padding-top: 30rpx;
  .logo {
    width: 92rpx;
    height: 92rpx;
  }
}
</style>
